   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:20px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:18.75px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:16.875px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:15px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:12.9375px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:12.5px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:11.71875px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:11.25px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:10px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:7.5px;
     }
   }
  @charset "utf-8";

div.head {
    position: relative;
    a.f_left {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0;
        text-align: center;
        line-height: 2.5rem;
        font-size: 1.5rem;
        font-weight: bold;
        color: #fff;
        font-family: "宋体";
        z-index: 10;
    }
    a.f_right {
        position: absolute;
        right: 0;
        top: 0;
    }
    h1 {
        width: 100%;
        margin: 0 -2.5rem;
        text-align: center;
        font-size: 1rem;
        line-height: 2.5rem;
        color: #fff;
        font-weight: bold;
    }
}
.content {
    .tab {
        width: 100%;
        height: 2rem;
        border-bottom: 1px solid #ccc;
        padding-right: 2rem;
        overflow: hidden;
        position: relative;
        ul {
            width: 300%;
            height: 2rem;
            li {
                float: left;
                a {
                    display: block;
                    height: 1.9rem;
                    line-height: 1.9rem;
                    margin: 0 0.35rem;
                }
            }
        }
        .search {
            position: absolute;
            top: 0;
            right: 0;
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            z-index: 999;
            background: #fff;
            i {
                display: block;
                font-size: 1rem;
            }
        }
        ul li a.active {
            color: #e4393c;
            border-bottom: 2px solid #e4393c;
        }
    }
    .input {
        width: 100%;
        height: 2.75rem;
        padding: 0.5rem;
        position: relative;
        i {
            width: 1.75rem;
            height: 1.75rem;
            position: absolute;
            background: url("../images/icon_bar.png") no-repeat;
            background-size: 11rem 6.6rem;
            background-position: -0.4rem -0.25rem;
        }
        input {
            padding-left: 1.75rem;
            width: 100%;
            height: 1.75rem;
        }
    }
    > img {
        display: block;
        width: 100%;
        margin-top: 0.5rem;
    }
    .list {
        width: 100%;
        ul {
            width: 100%;
            li {
                width: 100%;
                height: 7.5rem;
                padding: 0.5rem;
                .img {
                    float: left;
                    margin-right: 0.5rem;
                    width: 6.5rem;
                    height: 6.5rem;
                    img {
                        display: block;
                        width: 6.5rem;
                    }
                }

                .right {
                    overflow: hidden;
                    .p2 {
                        margin-top: 0;
                        i {
                            margin: 0 0.5rem;
                            font-style: normal;
                        }
                        del {
                            text-decoration: line-through;
                            font-size: 0.65rem;
                            color: #a8a8a8;
                            margin-left: 0.6rem;
                            vertical-align: middle;
                        }
                    }
                    .p4 .span1 {
                        float: left;
                        border: 1px dashed #ff5e5d;
                        line-height: 1rem;
                        margin-top: 0.5rem;
                    }
                    .span2 {
                        float: right;
                        height: 1.9rem;
                        line-height: 1.9rem;
                        padding: 0 0.5rem;
                        background: #ff5e5d;
                        border-radius: 5px;
                        a {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

